<template>
  <div style="height: 100%" class="main">
    <div class="main_side_menu">
      <SideMenu class="side_menu" :menu-list="menuList">
        <div class="main_logo" slot="logo">智慧小区综合管理平台</div>
      </SideMenu>
    </div>
    <div class="head_conent">
      <Header class="main_header"></Header>
      <div class="outer-container">
        <div class="inner-container">
          <div class="content">
            <keep-alive>
              <router-view/>
            </keep-alive>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import SideMenu from './SideMenu'
import Header from './Header'
import { mapMutations, mapActions, mapGetters } from 'vuex'

export default {
  name: "Main",
  components: {
    SideMenu,
    Header
  },
  computed: {
    menuList () {
      return this.$store.getters.menuList[0].children
    }
  }
}
</script>

<style lang="less" scoped>
  @import './Main.less';
</style>

